<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <meta name="Keywords" content="" /> 
  <meta name="description" content="" /> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0" /> 
  <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport" /> 
  <title>神探闯关</title> 
  <link type="text/css" rel="stylesheet" href="css/style.css" /> 
  <script type="text/javascript" src="js/jquery-1.11.2.js"></script> 
  <script type="text/javascript" src="js/game1.js"></script> 
 </head> 
 <body> 
  <!--    游戏失败1--> 
  <div class="submit_success game_fail"> 
   <div class="submit_success_con center success_p"> 
    <div class="submit_success_close right"> 
     <img src="images/info_close.png" /> 
    </div> 
    <div class="clear"></div> 
    <p><img src="images/game4_fail.png" /></p> 
    <p>很遗憾<br /> 你的分数是<span style="font-size:50px;">19</span>分<br /> 考前没复习，后果很严重<br /> 复习过后，咱还是一条好汉！</p> 
    <p> <img src="images/success_btn1.jpg" /> </p> 
   </div> 
  </div> 
  <!--    游戏失败2--> 
  <div class="submit_success game_fail"> 
   <div class="submit_success_con center success_p"> 
    <div class="submit_success_close right"> 
     <img src="images/info_close.png" /> 
    </div> 
    <div class="clear"></div> 
    <p><img src="images/game4_fail.png" /></p> 
    <p>啊哦<br /> 你只拿了<span style="font-size:50px;">35</span>分<br /> 这样的分数怎么能忍？<br /> 这一定不是你的真实实力！</p> 
    <p> <img src="images/success_btn1.jpg" /> </p> 
   </div> 
  </div> 
  <!--挑战失败分享--> 
  <div class="submit_success game_fail"> 
   <div class="submit_success_con center success_p"> 
    <p><img src="images/game4_fail1.png" /></p> 
   </div> 
  </div> 
  <!--挑战失败分享2--> 
  <div class="submit_success game_fail"> 
   <div class="submit_success_con center success_p"> 
    <p><img src="images/game4_fail2.png" /></p> 
   </div> 
  </div> 
  <script type="text/javascript">
      $(".submit_success_close").click(function(){
        $(".submit_success").hide();
      });
      $(".game_notfull").click(function(){
        $(".game_notfull").hide();
      });        
   </script> 
  <div class="warp"> 
   <header> 
    <div class="game1_header"> 
     <div class="left"> 
      <img src="images/index_logo.png" width="188" /> 
     </div> 
     <div class="left"> 
      <img src="images/start_4.png" width="392" /> 
     </div> 
    </div> 
    <div class="game4_content"> 
     <div class="progress_bar"> 
      <img src="images/progress2.png" /> 
      <!--
            <img src="images/progress3.png">
            <img src="images/progress4.png">
            <img src="images/progress5.png">
--> 
     </div> 
     <div class="question_title"> 
      <img src="images/t1.png" /> 
<!--      
            <img src="images/t2.png">
            <img src="images/t3.png">
            <img src="images/t4.png">
            <img src="images/t5.png">
 
-->
     </div> 
     <div class="question_content">
      最后一幕推出来的是邓禄普哪款型号的轮胎？
     </div> 
     <div class="question_answer"> 
      <ul> 
       <li><img src="images/A.png" />SP SPORT MAXX TT</li> 
       <li><img src="images/B.png" />SP SPORT MAXX GT</li> 
       <li><img src="images/C.png" />DIREZZA DZ102</li> 
       <li><img src="images/D.png" />GRANDTREK PT3</li> 
      </ul> 
     </div> 
     <div class="question_confirm"> 
      <img src="images/game4_btn.png" /> 
     </div> 
    </div> 
   </header> 
  </div> 
  <script type="text/javascript">
        $(window).load(function(){
            $("<link>").attr({ rel: "stylesheet", type: "text/css",href: "css/myanimate.css" }).appendTo("head");  
        });
         $(".question_answer ul li").click(function(){
            $(this).addClass("on").siblings("li").removeClass("on");
         });
   </script>  
 </body>
</html>